// alert(11)
$(function () {
    // 登录切换盒子
    $('.link_reg').on('click', function () {
        // alert(11)
        $('.login-box').hide().siblings('.reg-box').show();
    })
    $('.link_login').on('click', function () {
        // alert(11)
        $('.reg-box').hide().siblings('.login-box').show();
    })
})
const form = layui.form //插入layui.js文件后会有一个layui对象
const layer = layui.layer
// layui中 form对象内置表单验证对象，可生成自定义类名并管理数据
form.verify({
    pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
    uname: [/^[\S]{1,6}$/, '用户名不能有空格，且不能超过6字符'],
    rpwd: function (value) {
        let pwd = $('.reg-box [name =password]').val();
        if (value !== pwd) return "两次密码不一致"
    }
});
// 监听注册事件
$('#form_reg').on('submit', function (e) {
    // 阻止表单默认提交
    e.preventDefault();
    // console.log(11);
    const data = {
        username: $('.reg-box [name =username]').val(),
        password: $('.reg-box [name =password]').val(),
    };
    // console.log(data);
    $.ajax({
        method: 'POST',
        url: '/api/reguser',
        data,
        success: function (res) {
            if (res.status !== 0) return layer.msg(`${res.message}`);
            // console.log(res.message);
            layer.msg("注册成功,请登录")
            // $('.reg-box [name =username]').val("");
            $('.reg-box [name =password]').val("");
            $('.reg-box [name =repassword]').val("");
            $('.link_login').click();
        }

    })
})
// 监听登录事件
$('#form_login').on('submit', function (e) {
    // 阻止默认提交行为
    e.preventDefault();
    const data = {
        username: $('.login-box [name =username]').val(),
        password: $('.login-box [name =password]').val(),
    };
    // console.log(data);


    $.ajax({
        method: 'POST',
        url: '/api/login',
        // 快速获取表单中的数据 
        data,
        success: function (res) {
            console.log(res);
            if (res.status !== 0) {
                return layer.msg('登录失败！')
            }
            layer.msg('登录成功！')
            // 将登录成功得到的 token 字符串，保存到 localStorage 中
            localStorage.setItem('token', res.token)
            // 跳转到后台主页
            location.href = '/index.html'
        }
    })
})